<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <link rel="stylesheet" href="../../Style/style.css">
    <script src="../../Script/dojo/dojo.js" djConfig="parseOnLoad:true"></script>
    <script type="text/javascript">
        dojo.require("dojo.parser");
        dojo.require("dijit.layout.ContentPane");
        dojo.require("dijit.layout.SplitContainer");
    </script>
</head>
<body>
<div dojoType="dijit.layout.SplitContainer" orientation="vertical" suzerWidth="7" activeSizing="true"
     style="border: 1px solid #BFBFBF; float: left; margin-right: 30px;width: 400px;height: 300px;">
    <div dojoType="dijit.layout.ContentPane" sizeMin="10" sizeShare="50">
        this box has three split panes
    </div>
    <div dojoType="dijit.layout.ContentPane" sizeMin="20" sizeShare="50" style="background-color: #ffff00;border: 3px
        solid #800080">
        in vetticla mode
    </div>
    <div dojoType="dijit.layout.ContentPane" sizeMin="10" sizeShare="50">
        without active resizing
    </div>
</div>
</body>
</html>
